<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>git分支策略</title>
</head>
<body>
    <h1>我是master分值创建的内容</h1>
    <h1>我是dev_230414分之创建的内容</h1>
    <h2>我是dev_230414_2.0版本分之创建的内容，已经开发完成</h2>
    <h2>我是dev_230414_3.0版本分之创建的内容，已经开发完成</h2>
    <h3>我是dev_230414_4.0版本分之创建的内容，已经开发完成</h3>
    <h2>更鹏泰</h2>
    <h2>袁博维</h2>
    <h2>赵鑫祥</h2>
    <h3>袁志鹏</h3>
    <h5>张建鹏</h5>
    <h1>王金龙</h1>
    <h2>李昂</h2>
    <h2>毕英杰</h2>
    <h2>翟俊言</h2>
    <h2>王帅</h2>
    <h2>王照玥</h2>
    <p>我是7.0最新版本</p>
    <div>我是宇宙版本</div>
    <div id="app"></div>
   
    <h1>我是5.0版本，开发完成</h1>
    <h6>我是dev_230414_65</h6>
    <h4>4.15维护版</h4>
    <div>我是master分支下的8.0最新版本</div>
    <p>我是9.0最新版本</p>

</body>
<script>
        const getdom = (target,props,children)=>{
          return {
            target,
            props,
            children
          }
    }
    // 创建虚拟dom
  const vdom = getdom(
    'div',
    {
        id:'box',
        class:'app',
        name:'123',
        backgroundColor:'pink'
    },
    [
        getdom('div', {class:'item'},[getdom('span',{},'姓名'),getdom('p',{},'张三')]),
        getdom('div', {class:'item'},[getdom('span',{},'姓名'),getdom('p',{},'李四')])
    ]
  )
    // 将虚拟dom转为正式dom
   const todom = (todm)=>{
        // 标签    属性    内容
    const {target,props,children} =todm
    // 标签
     const dom = document.createElement(target)
    // 属性
    for(i in props){
        dom.setAttribute(i,props[i])
    }
    if(Array.isArray(children)){
    children.forEach(item=>{
        dom.appendChild(todom(item))
    })
   }else{
    dom.appendChild(document.createTextNode(children))
   }
   return dom
    // console.log(dom)
   }
   document.getElementById('app').appendChild(todom(vdom))
</script>
</html>